﻿/*Reset*/

.xian {
	margin-top: 40px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
* {
	padding: 0;
	margin: 0
}
html, div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, img, form, embed, label, ol {
	margin: 0;
	padding: 0;
	border: 0;

}
img {
	border: none
}
object, .dis {
	display: block
}
ul, ul li, ol, ol li, menu li {
	list-style: none
}
.cls {
	clear: both;
	line-height: 0px!important;
	height: 0px!important;
	font-size: 0px!important
}
select, input {
	vertical-align: middle;
	font-size: 12px
}
a {
	color: #444;
	text-decoration: none
}
a:visited {
	color: #918b8e;
	text-decoration: none
}

a:active {
	color: #666
}
.undis, .hidden, .play {
	display: none
}
/*basic*/
html {
	height: 100%;
	width: 100%
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #444;
	font-family: "微软雅黑";
	_background-image: url(about:blank);
	_background-attachment: fixed
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative
}
.wrap .h1{ overflow:hidden; padding:0px; margin:0px; color:#F1F9FF}
.mobile_nav_wrap {
	width: 100%;
	position: relative; height:auto;

}
.cm_ico {
	background: url(../images/common_bg.gif) no-repeat
}
.cm_ico2 {
	background: url(../images/toptel.png) no-repeat center; background-size:24px 24px
}
.cm_ico3 {
	background: url(../images/email.png) no-repeat center; background-size:24px 24px
}

/*头部*/
.pchtel {
	display: inline-block;
	color: #FFE505;
	font-weight: bold
}
.headerTop {
	background: #fff;
	height:1px;

	position: relative;
	z-index: 111
}
.headerTop h1 {
	color: #F1F9FF;
	font-size: 14px; line-height:30px;
	font-weight: normal;
	white-space: nowrap; margin:0px; padding:0px; float:right; width:auto
}
.headerTop h1 dd{ width:auto; margin-left:5px; float:right;}
.headerTop h1 dd a{ color:#F1F9FF; line-height:30px}
@media screen and (max-width: 410px) {
.headerTop h1 { width:100%; text-align:left} 
}
.headerTop h1 span {
width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-right:3px
}
.headerTop h1 strong {
	font-size: 16px;
	color: #F60909
}
.headerTop h1 strong a{color: #FFE400}
.headerTop menu {
	position: absolute;
	right: 0px;
	top: 16px;
	float: right;
	_width: 476px
}
.headerTop menu li {
	float: left;
	color: #828282; margin:0px
}
.headerTop menu li a.qq {
	width: 15px;
	height: 15px;
	background-position: -28px 0;
	display: inline-block;
	vertical-align: middle
}
.headerTop menu li a.msg {
	width: 15px;
	height: 15px;
	background-position: -53px 0;
	display: inline-block;
	vertical-align: middle
}
.headerTop menu li a.qq:hover {
	background-position: -237px -38px
}
.headerTop menu li a.msg:hover {
	background-position: -262px -38px
}
.headerTop menu li.line {
	height: 12px;
	width: 1px;
	float: left;
	overflow: hidden;
	background: #dcdcdc;
	padding: 0;
	display: inline;
	margin: 3px 17px 0
}
.headerTop .sline {
	width: 1px;
	height: 12px;
	background-position: -139px -22px;
	vertical-align: middle;
	overflow: hidden;
	margin: 0 11px 0 7px;
	display: inline-block
}
.headerTop span.text {
	display: inline-block;
	padding-right: 9px;
	vertical-align: middle
}
.headerTop menu li a:hover {
	color: #167BC5
}
.headerTop .icon_jia {
	width: 12px;
	height: 12px;
	display: inline-block;
	background-position: -78px -2px;
	margin-right: 2px;
	vertical-align: middle;
	_top: 2px;
	position: relative
}
.mobilehtel {
	display: none;
	color: #167BC5;
	font-weight: bold
}




/*导航*/
.nav {

	width: 100%;
	position: relative;
	z-index: 111111;
border-bottom: 1px solid #e6e6e6;
background:#fff; height:auto

}
.nav_bg {
	width: 100%;

}
.logo {
	position: absolute;
	left: 50px;
	top: 18px
}
.logo img{ height:50px; width:auto}
.navlist li {
	float: left;
	text-align: center;
	height: 80px;
	position: relative; margin:0; 
}

.navlist li {
	width: 114px;
}
.navlist {
	/*padding-left: 545px;*/
  float:right;
}
.navlist li a {
	font-size: 15px;
	color: #000;
	display: block;
	line-height:80px;
	height: 80px;
}
.navlist li a span {
	display: block;
	font-size: 12px;
	color: #a9a9a9
}

.navlist li a:hover, .navlist li.hover a, .navlist li.current a {

}
.navlist li a:hover span, .navlist li.hover a span, .navlist li.current a span {

}
.navlist li a:hover,.navlist li a.on{background: #167BC5;color: #fff;}
.navlist li a:hover span,.navlist li a.on span{color: #fff}
.navlist li a:hover{background: #167BC5;color: #fff;}

.navlist li a:hover span{color: #fff}

.navlist li a{ color:#222}
.navlist li.no_bor {
	border-right: none
}
.navlist li menu {
	position: absolute;
	left: 0px;
	display: none; margin:0px; padding:0px;}
.navlist li menu a {
	display: block;
	height: 39px;
	_height: 38px;
	width: 145px;
	padding: 0px; text-align:left; text-indent:30px;
	margin: 0px;
	overflow: hidden;
	line-height: 39px;
	color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	
}
#aboutNavMenu a{ font-size:14px}
.navlist li menu a {background:#fff url(../images/arrow-right.png) no-repeat 2px center; background-size:28px 28px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.navlist li menu a:hover {background:#167BC5 url(../images/arrow-right1.png) no-repeat 5px center; background-size:28px 28px; color:#ffffff}

/*导航跟随*/
.fixed_nav {
	position: fixed;
	top: 0px;
	left: 0px;
	height:60px;
	display: none;
	_position: absolute;
	background: #fff;
	_padding: 0px;
	_height:60px;
	box-shadow:0 0 10px 1px rgba(0,0,0,.1)
}
.fixed_nav .nav_bg {
	background: none !important;
	_height: 60px
}
.fixed_nav .navlist li {
	height: 60px
}
.fixed_nav .navlist li a {
	height: 60px; line-height:60px
}
.fixed_nav .navlist li menu{box-shadow:0 0 2px 1px rgba(0,0,0,.1)}
.fixed_nav .navlist li menu a {
	display: block;
	height: 39px;
	_height: 38px;
	width: 145px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	line-height: 39px;
	color: #333;
	background:#fff url(../images/arrow-right.png) no-repeat 2px center; background-size:28px 28px;
}
.fixed_nav .navlist li menu a:hover {background:#167BC5 url(../images/arrow-right1.png) no-repeat 5px center; background-size:28px 28px; color:#fff}
.fixed_nav .logo {
	top:10px
}
.fixed_nav .search {
	top: 23px
}
.ThiscurCity {
	color: #7ec318;
	position: absolute;
	left: 240px;
	top: 45px;
	cursor: pointer
}
.ThiscurCity:hover {
	text-decoration: underline
}

/*首页模块*/

.title menu {
	position: absolute;
	right: 0px;
	top: 0px
}
.title menu a {
	font-size: 14px;
	margin-left: 16px
}
.title .moreA {
	display: block;
	position: absolute;
	right: -30px;
	top: 0px;
	font-size: 14px;
	color: #f2f2f2 !important
}
.title .moreA span {
	width: 8px;
	height: 8px;
	background-position: -125px -22px;
	overflow: hidden;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px
}
.title .moreA:hover {
	color: #7ec318 !important
}
.title .border {
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 23px;
	background: #c7c7c7;
	bottom: -1px;
	left: 0px
}

/*text*/
.f_r {
	float: right
}
.f_l {
	float: left
}
.b {
	font-weight: bold
}
.f8 {
	font-size: 8px
}
.f9 {
	font-size: 9px
}
.f10 {
	font-size: 10px
}
.f11 {
	font-size: 11px
}
.f12 {
	font-size: 12px
}
.f13 {
	font-size: 13px
}
.f14 {
	font-size: 14px !important
}
.f15 {
	font-size: 15px !important
}
.f16 {
	font-size: 16px !important
}
.f18 {
	font-size: 18px !important
}
.f42 {
	font-size: 42px !important
}
.f48 {
	font-size: 48px !important
}
.f30 {
	font-size: 30px !important
}
.f22 {
	font-size: 22px !important
}
.pr10 {
	padding-right: 10px
}
.pr5 {
	padding-right: 5px
}
.f_l {
	float: left
}
.f_r {
	float: right
}
.em {
	text-indent: 2em
}
.hei {
	color: #000
}
.red {
	color: #f00
}
.red3 {
	color: #e62b86
}
.no_bg {
	background: none !important
}
.red2 {
	color: #ed4d30
}
.pic_tit {
	text-indent: -999em;
	overflow: hidden;
	text-align: left
}
.green {
	color: #7ec318 !important
}
.no_nr {
	margin-right: 0px !important
}
#MoreCaseBoxCon .no_nr {
	margin-right: 0px !important
}

/*leo添加*/.topad {
	margin-top: 24px;
	text-align: center
}
/*leo添加*/.sd01 {
	border-bottom: 1px solid #444;
	font-weight: bold;
}
/*leo添加*/.sd02 {
	border-bottom: 1px solid #fff;
	font-weight: normal;
}


/*1280宽度*/
/* for 1400px or less */
@media screen and (max-width: 1456px) {
.indexbanner .Btnwrap {
	width: 1200px
}
.wrap {
	width: 1200px;
	overflow: hidden
}
.nav .wrap {
	overflow: visible
}
.navlist {
	padding-left: 330px
}

.search {
	width: 160px
}
.searchPut {
	width: 125px
}
/**************************************************************** leo *****************************************************************/
.nav_bg {
	width: 100%;
}


}

.navlist li dd{ float:right; margin:0px; padding:0px; margin-right:4%; height:40px; display: none}
/*1024宽度*/
/* for 1024px or less */
@media screen and (max-width: 1199px) {
.indexbanner .Btnwrap {
	width: 100%;
	height: auto
}
.wrap {
	width: 980px;
	overflow: hidden
}
.nav .wrap {
	overflow: visible
}
.navlist {
	padding-left: 275px;
}
.navlist li {
	width:54px
}

/**************************************************************** leo *****************************************************************/
.navlist li a:hover, .navlist li.hover a, .navlist li.current a {
	background: #ACACAC;
	color: #222;
}

.navlist li dd{ float:right; margin:0px; padding:0px; margin-right:4%; height:40px; display:block}
.navlist li dd img{ width:20px; height:20px; vertical-align:middle}
.wrap {
	width: 96%;
	overflow: hidden
}
.headerTop menu {
	width: auto
}
.nav .wrap {
	overflow: visible;
	width: 100%
}
.mobile_nav_wrap {
	width: 96%;
	position: relative;
	padding-top:50px;
	margin: 0 auto;
}
.navlist {
	padding-left: 0px;
	margin-top: 0px;
	background: #E8E8E8;
	width: 100%;
	float: left;
	display: none;
	min-width: 100%
}
.navlist li {
	width: 100%;
	border-bottom: 1px solid #bbb;
	float: left;
	height: auto;
}

.navlist li a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	background: #F6F6F6;
	text-align: left;
	text-indent: 20px;
	color: #333;
}
.navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.navlist li menu {
	position: relative;
}
.navlist li menu a {
	width: auto;
	margin-left: 8px;
	background: #E8E8E8 !important; font-size:14px; color:#222
}
.navlist li menu a:hover {
	background: #E8E8E8 !important;
	color:#444
}
.fixed_nav {
	position: relative
}
.fixed_nav .navlist li {
	height: auto
}
.fixed_nav .navlist li a {
	height: 42px;
	padding: 0px;
	line-height: 42px
}
.fixed_nav .navlist li menu a {
	width: auto;
	background: #E8E8E8 !important;
	text-align: left;
	text-indent: 20px;
	color: #333
}
.fixed_nav .navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.fixed_nav .navlist li menu a:hover {
	background: #E8E8E8 !important
}
.fwfc_box td p {
	line-height: 18px
}
.pl_block_last {
	position: inherit;
	right: inherit;
	padding-right: 20px
}
.logo {
	top:8px
}
.logo img {
	width: auto;
	height: 32px
}
.nav_bg, .nav {
	height: auto;
	min-height:50px;
	_height: 50px
}

.menu_moblie_icon {
	background: url(../images/m_moblie_icon.png) no-repeat; background-size:33px 33px;
	width: 40px;
	height:40px;
	position: absolute;
	top:9px;
	right:1px;
	cursor: pointer
}

.title h1 {
	font-size: 16px
}
.none_720 {
	display: none !important
}

.title menu a {
	margin-left: 0px;
	margin-right: 10px;
	font-size: 13px
}
}

/*720宽度 手机Mobile*/
/* for 720px or less 640width*/
@media screen and (max-width: 979px) {

.wrap {
	width:96%;
	overflow: hidden;
}
.headerTop menu { 
	width: auto
}
.nav .wrap {
	overflow: visible;
	width: 100%;
}
.mobile_nav_wrap {
	width:96%;
	position: relative;
	padding-top:50px;
	 height:auto;
	margin: 0 auto;

}
.navlist {
	padding-left:0px;
	margin-top: 0px;
	background: #E8E8E8;
	width: 100%;
	float: left;
	display: none;
	min-width: 100%
}
.navlist li {
	width: 100%;
	border-bottom: 1px solid #bbb;
	float: left;
	height: auto;
}
.navlist li a {
	padding: 0px;
	height: 42px;
	line-height: 42px;
	background: #F6F6F6;
	text-align: left;
	 font-size:16px;
	text-indent: 20px;
	color: #333
}
.navlist li a span {
	display: inline-block;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
	vertical-align: middle;
	width: 8px;
	height: 6px;
	margin-left: 5px
}
.navlist li menu {
	position: relative
}
.navlist li menu a {
	width: auto;
	margin-left: 8px; color:#333;
	background: #E8E8E8 !important
}
.navlist li menu a:hover {
	background: #E8E8E8 !important
}

}

/*屏幕小于450px时*/
@media screen and (min-width: 400px) and (max-width:450px) {
.mcur h1 span {
	font-size: 26px;
}
.mcur h1 {
	font-size: 27px;
}
}
@media screen and (max-width:400px) {
.mcur h1 span {
	font-size: 18px;
}
.mcur h1 {
	font-size: 21px;
}
}
/*end*/
/*720宽度 手机Mobile*/
/* for 720px or less 640width*/
@media screen and (max-width: 720px) {

  .col-md-10 {
    width: 88%; float:left;
  }

.wrap {
	width: 90%;
	overflow: hidden
}

.nav .wrap {
	width: 100%;
	overflow: hidden
}
.mobile_nav_wrap {
	width: 80%;
	margin: 0 auto;
	position: relative
}
.logo {
	left: 0px
}
.logo img{ height:35px; width:auto}
.search_moblie_icon {
	right: 0px
}
.menu_moblie_icon {
	right: 5px
}
.title {
	height: auto;
	padding-bottom: 10px;
	clear: both;
	margin-bottom: 15px
}
.title h1 {
	float: left;
	font-weight: bold
}
.title menu {
	float: right;
	position: relative;
	height: auto;
	padding-top: 8px;
	line-height: 26px
}


}

/* for 720px or less 640width*/
@media screen and (max-width: 480px) {

.mobile_nav_wrap {
	width: 96%;
	border-bottom: 1px solid #eee
}
.logo img {
	width:auto;
	height:30px
}
.logo {
	top: 10px
}

}


.time_box{ display:block;float:left; width:35%; line-height:30px; font-size:12px; color:#F1F9FF;}

@media screen and (max-width: 410px) {
.time_box{ display:none}
}










.b_top{display:none;}
.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:45px;height:45px;display:none; z-index:2;}
.actGotop a,.actGotop a:link{width:45px;height:45px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center; background-size:45px 45px}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;background-size:45px 45px}
 @media only screen and (max-width:736px) {
 .b_top{ display: block}
 }




.space1{ overflow:hidden; clear:both; height:10px;}
.space2{ overflow:hidden; clear:both; height:20px;}
.space3{ overflow:hidden; clear:both; height:30px;}
.space4{ overflow:hidden; clear:both; height:40px;}


.top_kong{ overflow:hidden; clear:both; height:70px; display:block}	

@media (max-width:1190px) {

.space3{ overflow:hidden; clear:both; height:20px;}
.space4{ overflow:hidden; clear:both; height:20px;}
.top_kong{ overflow:hidden; clear:both; height:56px;display:block}	
}	




